<script setup lang="ts">

import HistoryLookView from "./HistoryLookView.vue";
import {useHistoryHeader} from "../hooks/useHistoryHeader.ts";

const {isShowLookHistory, switchoverPage} = useHistoryHeader()

</script>

<template>
  <div class="history-header-box">
    <div class="history-header-left">
      <el-button class="history-div-btn" link @click="switchoverPage('history')">浏览历史</el-button>
      <el-button class="history-div-btn" link @click="switchoverPage('collect')">默认收藏夹</el-button>
    </div>
    <div class="history-header-division"></div>
    <div class="history-header-right">
      <div v-if="isShowLookHistory">
        <history-look-view/>
      </div>
      <div v-if="!isShowLookHistory">

      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
@import "style/History";
</style>